/*
 * @Author: 吴世扬 18368095041@163.com
 * @Date: 2024-05-06 23:09:53
 * @LastEditors: 吴世扬 18368095041@163.com
 * @LastEditTime: 2024-08-30 09:56:56
 * @FilePath: /data-center-web-update/uno.config.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// uno.config.ts
import {
    defineConfig,
    presetAttributify,
    presetIcons,
    presetTypography,
    presetUno,
    presetWebFonts,
    transformerDirectives,
    transformerVariantGroup
} from 'unocss';

import { getUnocssRules } from './src/store/modules/theme';

export default defineConfig({
    shortcuts: {
        'flex-center': 'flex justify-center items-center',
        'flex-x-center': 'flex justify-center',
        'flex-y-center': 'flex items-center',
        'wh-full': 'w-full h-full',
        'flex-x-between': 'flex items-center justify-between',
        'flex-x-end': 'flex items-center justify-end',
        'absolute-lt': 'absolute left-0 top-0',
        'absolute-rt': 'absolute right-0 top-0 ',
        'fixed-lt': 'fixed left-0 top-0'
    },
    // variants: [
    //     (matcher) => {
    //         if (!matcher.startsWith('dark:c-')) return matcher;
    //         console.log('c-dark_' + matcher.slice(7));
    //         return {
    //             matcher: 'c-dark_' + matcher.slice(7)
    //         };
    //     }
    // ],
    rules: [
        // 明亮模式下的颜色
        // ['c-text', { color: '#000000E0' }], // 标题颜色
        // ['c-text1', { color: '#000000E0' }], // 一级文本颜色
        // ['c-text2', { color: '#000000A6' }], // 二级文本颜色
        // ['c-disabled', { color: '#00000040' }], // 禁用文本颜色
        // ['c-border', { borderColor: '#D9D9D9FF' }], // 主要边框颜色
        // ['c-divider', { borderColor: '#0505050F' }], // 分割线颜色

        // ['c-dark_text', { color: '#FFFFFFD9' }], // 暗黑模式下的标题颜色
        // ['c-dark_text1', { color: '#FFFFFFD9' }], // 暗黑模式下的一级文本颜色
        // ['c-dark_text2', { color: '#FFFFFFA6' }], // 暗黑模式下的二级文本颜色
        // ['c-dark_disabled', { color: '#FFFFFF40' }], // 暗黑模式下的禁用文本颜色
        // ['c-dark_border', { borderColor: '#424242FF' }], // 暗黑模式下的主要边框颜色
        // ['c-dark_divider', { borderColor: '#FDFDFD1F' }], // 暗黑模式下的分割线颜色
        ...getUnocssRules()
    ],
    theme: {
        colors: {
            primary: 'var(--el-color-primary)',
            primary_dark: 'var(--el-color-primary-light-5)'
        }
    },
    presets: [
        presetUno(),
        presetAttributify(),
        presetIcons(),
        presetTypography(),
        presetWebFonts({
            fonts: {
                // ...
            }
        })
    ],
    transformers: [transformerDirectives(), transformerVariantGroup()]
});
